*{
    margin: 0;
    padding: 0;
    box-sizing: border-box;
    
}
body{
    max-height: 46.875rem;
}
.main{
    width: 100%;
    height: 100%;
    background-color: #FFEEC0;
    display: flex;
    flex-direction: column;
    align-items: center;
    img{
        width: 100%;
        height: 18.75rem;
        margin-bottom: 1.25rem;
    }    
}
.content{
    width: 84%;
    position: relative;
    .one{
        position: absolute;
        top: -4.4%;
        left: 28%;
        width: 2rem;
        height: 1.1rem;
        background-color: #FF1931;
        font-size: .625rem ; 
        // text-align: center;
        color: white;
        border-radius: .2rem;
        transform: rotate(-11deg);
    }
    .sj1{
        position: absolute;
        width: 0;
        height: 0;
        top: -1.2%;
        left: 32.5%;
        border: 0.3rem solid ;
        border-color: red transparent transparent transparent;
        transform: rotate(-11deg);
    }
    .new{
        position: absolute;
        top: 1.7rem;
        color: red;
        font-size: .68rem;
        // left: .625rem;
        transform: rotate(-9deg);
    }
    .content-top{
        width: 90%;
        // height: 18.75rem;
        margin: auto;
        margin-bottom: 2rem;
        // text-align: center;
        padding: .625rem auto;
        h2{
            
            text-align: center;
        }
        p
        {   
            margin-top: .625rem;
            font-size: .88rem;
            margin-bottom: .625rem;
        }
        img{
            width: 85%;
            height: 8rem;
            margin-bottom: .625rem;
        }
        button{
            width: 85%;
            height: 2.2rem;
            border-radius: 1.25rem;
            color:#FFFFFF;
            font-size: 1.1rem ; 
            background-color:#0e4A8D;
            border: none;
            outline: none;  
        }
    }
    .content-buttom{
        display: flex;
        flex-direction: column;
        h2{
            text-align: center;
            margin-bottom: 1rem;
            
        }
       p{  
           padding: .3rem;
           font-size: .88rem;
       }
       .p1{
           margin-bottom: .625rem;
       }
       button{
        width: 85%;
        height: 2.2rem;
        border-radius: 1.25rem;
        color:#FFFFFF;
        font-size: 1.1rem ; 
        background-color:#0e4A8D;
        border: none;
        outline: none; 
        margin-top: 1.875rem;
                     
       }
       .two{
        position: absolute;
        top: 50%;
        left: 24%;
        width: 2rem;
        height: 1.1rem;
        background-color: #FF1931;
        font-size: .625rem ; 
        // text-align: center;
        color: white;
        border-radius: .2rem;
        transform: rotate(-11deg);
    }
    .new1{
        position: absolute;
        top: 72%;
        color: red;
        font-size: .68rem;
        left: -3%;
        transform: rotate(-9deg);
    }
    .sj2{
        position: absolute;
        width: 0;
        height: 0;
        top: 53.1%;
        left: 28.6%;
        border: 0.3rem solid ;
        border-color: red transparent transparent transparent;
        transform: rotate(-11deg);
    }
    .new2{
        position: absolute;
        top: 77%;
        color: red;
        font-size: .68rem;
        left: -3%;
        transform: rotate(-9deg);
    }
    .new3{
        position: absolute;
        top: 82%;
        color: red;
        font-size: .68rem;
        left: -3%;
        transform: rotate(-9deg);
    }
    }
}
